<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>修改收款方</title>
  <link rel="stylesheet" href="../static/framework/font-awesome/css/font-awesome.min.css">
  <link rel="stylesheet" href="../static/framework/reset.css">
  <link rel="stylesheet" href="../static/css/footer.css">
  <link rel="stylesheet" href="../static/css/editRecipient.css">
  <link href="../static/layui-v2.9.1/layui/css/layui.css" rel="stylesheet">
  <script src="../static/layui-v2.9.1/layui/layui.js"></script>
</head>

<body>
  <div class="wrapper">
    <!-- 标题区 -->
    <header>
      <i class="fa fa-angle-left fa-2x" onclick="location.href='/recipientList'"></i>
      <p>修改收款方</p>
      <!--将来header使用弹性布局，令添加收款方等几个字居中能用到 -->
      <p></p>
    </header>
    <!-- 收款人信息填写 -->
    <form action="" method="put">
      <ul class="accountList">
        <li>
          <input type="text" placeholder="收款方姓名" />
        </li>
        <li>
          <input type="text" placeholder="收款方账号" />
        </li>
      </ul>
    </form>

    <!-- 错误提示 -->
    <div class="tip">
      <span>收款方姓名或账号错误，请检查</span>
    </div>
    <!-- 提交按钮 -->
    <div class="editbtn">
      <button type="button">修改</button>
    </div>
    <div class="editbtn">
      <button type="button">删除</button>
    </div>

    <footer class="footer">
      <div>
        <button type="button" class="layui-btn" id="third">
          <i class="layui-icon layui-icon-left"></i>
        </button>
        <button type="button" class="layui-btn">
          <i class="layui-icon layui-icon-right"></i>
        </button>
      </div>
    </footer>
  </div>
  <script>
    const back = document.querySelector('#third')
    const forword = back.nextElementSibling
    back.addEventListener('click', function () {
      //history.back()
      history.go(-1)
    })

    forword.addEventListener('click', function () {
      //history.forward()
      history.go(1)
    })</script>
</body>

</html>